<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<jsp:useBean id="userInfo" class="Bean.Account.AccountSC" scope="session"/>

<html>

    <head>
        <link rel="stylesheet" type="text/css" href="../Scripts/css/profile.css"/>
        <script type="text/javascript" src="../Scripts/js/jquery.js"></script>
        <script type="text/javascript" src="../Scripts/js/profileMenu.js"></script>
        <title>User Profile</title>
    </head>

    <body>
        <div id="wrapper">
            <form method="post" action="../ManageProfileServlet">
                <div id="avatar"><img src="unknown.jpg" height="150" width="120"/></div>
                <div id="expression">
                    <span><textarea name="" cols="65" rows="2" wrap="soft"></textarea></span>
                    <br/>
                    <!--Save Changes Button-->
                    <span><img src="tabrightF.gif" height="50" width="50"/></span>
                </div>
                <hr/>
                <br/>
                <!--Tab Menu-->
                <div id="menu">
                    <ul>
                        <li><a href="#accountInfo" id="one" class="active linkclass">Account Information</a></li>
                        <li><a href="#personalInfo" id="two" class="linkclass">Personal Information</a></li>
                        <li><a href="#eduNwork" id="three" class="linkclass">Education & Work</a></li>
                    </ul>
                </div>
                <br/>
                <br/>
                <div id="accountInfo" class="msg_body">
                    <fieldset>
                        <legend>&nbsp;&nbsp;Account Information&nbsp;&nbsp;</legend>
                        <ul>
                            <li>
                                <label for="acName">Assigned ID:&nbsp;&nbsp;</label>
                                <input type="text" name="acName" id="acName" class="field" value="<jsp:getProperty name="userInfo" property="acName"/>"/>
                            </li>
                            <li>
                                <label for="userName">Username:&nbsp;&nbsp;</label>
                                <input type="text" name="userName" id="userName" class="field" value="<jsp:getProperty name="userInfo" property="userName"/>"/>
                            </li>
                            <li>
                                <label for="acType">Account Type:&nbsp;&nbsp;</label>
                                <input type="text" name="acType" id="acType" class="field" value="<jsp:getProperty name="userInfo" property="acType"/>"/>
                            </li>
                            <%--Changes Start--%>
                            <li>
                                <label for="oPassword">Old Password:&nbsp;&nbsp;</label>
                                <input type="password" name="oPassword" id="oPassword" class="field"/>
                            </li>
                            <li>
                                <label for="password1">New Password:&nbsp;&nbsp;</label>
                                <input type="password" name="password1" id="password1" class="field"/>
                            </li>
                            <li>
                                <label for="password2">Confirm Password:&nbsp;&nbsp;</label>
                                <input type="password" name="password2" id="password2" class="field"/>
                            </li>
                            <%--Changes End--%>
                            <li>
                                <input type="hidden" name="acCondition" value="basicInfo"/>
                                <input value="Save" type="submit"/>
                            </li>
                        </ul>
                    </fieldset>
                </div>
                <div id="personalInfo" class="msg_body">
                    <fieldset>
                        <legend>Personal Information</legend>
                        <ul>
                            <%--Changes Start--%>
                            <li>
                                <label for="fName">First Name:&nbsp;&nbsp;</label>
                                <input type="text" name="fName" id="fName"/>
                            </li>
                            <li>
                                <label for="lName">Last Name:&nbsp;&nbsp;</label>
                                <input type="text" name="lName" id="lName"/>
                            </li>
                            <li>
                                <label for="gender">Gender:&nbsp;&nbsp;</label>
                                <input type="radio" name="gender" value="male"/>Male&nbsp;&nbsp;
                                <input type="radio" name="gender" value="female"/>Female
                            </li>
                            <%--Changes End--%>
                            <li>
                                <label for="DOB">Date of Birth:&nbsp;&nbsp;</label>
                                <input type="text" name="DOB" id="DOB" value="<jsp:getProperty name="userInfo" property="DOB"/>"/>
                            </li>
                            <%--Changes Start--%>
                            <li>
                                <label for="maritalStatus">Marital Status:&nbsp;&nbsp;</label>
                                <input type="radio" name="maritalStatus" value="single"/>Single&nbsp;&nbsp;
                                <input type="radio" name="maritalStatus" value="married"/>Married&nbsp;&nbsp;
                                <input type="radio" name="maritalStatus" value="divorced"/>Divorced
                            </li>
                            <li>
                                <label for="bloodType">Blood Type:&nbsp;&nbsp;</label>
                                <input type="radio" name="bloodType" value="a-"/>A-&nbsp;&nbsp;
                                <input type="radio" name="bloodType" value="a+"/>A+&nbsp;&nbsp;
                                <input type="radio" name="bloodType" value="b-"/>B-&nbsp;&nbsp;
                                <input type="radio" name="bloodType" value="b+"/>B+&nbsp;&nbsp;
                                <input type="radio" name="bloodType" value="ab-"/>AB-&nbsp;&nbsp;
                                <input type="radio" name="bloodType" value="ab+"/>AB+&nbsp;&nbsp;
                                <input type="radio" name="bloodType" value="o-"/>O-&nbsp;&nbsp;
                                <input type="radio" name="bloodType" value="o+"/>O+&nbsp;&nbsp;
                            </li>
                            <%--Changes End--%>
                            <li>
                                <label for="hometown">Hometown:&nbsp;&nbsp;</label>
                                <input type="text" name="hometown" id="hometown" value="<jsp:getProperty name="userInfo" property="hometown"/>"/>
                            </li>
                            <li>
                                <label for="currentLocation">Current Location:&nbsp;&nbsp;</label>
                                <input type="text" name="currentLocation" id="currentLocation" value="<jsp:getProperty name="userInfo" property="currentLocation"/>"/>
                            </li>
                            <li>
                                <input type="hidden" name="acCondition" value="basicInfo"/>
                                <input value="Save" type="submit"/>
                            </li>
                        </ul>
                    </fieldset>
                </div>
                <div id="eduNwork" class="msg_body">
                    <fieldset>
                        <legend>Education Information</legend>
                        <ul>
                            <li>
                                <label for="school">School:&nbsp;&nbsp;</label>
                                <input type="text" name="school" id="school" value="<jsp:getProperty name="userInfo" property="school"/>"/>
                            </li>
                            <li>
                                <label for="schClass">Class:&nbsp;&nbsp;</label>
                                <input type="text" name="schlClass" id="schClass" value="<jsp:getProperty name="userInfo" property="schlClass"/>"/>
                            </li>
                            <li>
                                <label for="enrollmentDay">Year:&nbsp;&nbsp;</label>
                                <input type="text" name="enrollmentDay" id="enrollmentDay" value="<jsp:getProperty name="userInfo" property="enrollmentDay"/>"/>
                            </li>
                            <li>
                                <input type="hidden" name="acCondition" value="contactInfo"/>
                                <input value="Save" type="submit"/>
                            </li>
                        </ul>
                    </fieldset>
                    <fieldset>
                        <legend>Work Information</legend>
                        <ul>
                            <li>
                                <label for="company">Company:&nbsp;&nbsp;</label>
                                <input type="text" name="company" id="company" value="<jsp:getProperty name="userInfo" property="company"/>"/>
                            </li>
                            <li>
                                <label for="department">Department:&nbsp;&nbsp;</label>
                                <input type="text" name="department" id="department" value="<jsp:getProperty name="userInfo" property="department"/>"/>
                            </li>
                            <%--Changes Start--%>
                            <li>
                                <label for="position">Position:&nbsp;&nbsp;</label>
                                <input type="text"/>
                            </li>
                            <%--Changes End--%>
                            <li>
                                <label for="workDay">Started Working From:&nbsp;&nbsp;</label>
                                <input type="text" name="workDay" id="workDay" value="<jsp:getProperty name="userInfo" property="workDay"/>"/>
                            </li>
                            <li>
                                <input type="hidden" name="acCondition" value="workInfo"/>
                                <input value="Save" type="submit"/>
                            </li>
                        </ul>
                    </fieldset>
                </div>
            </form>
        </div>
    </body>

</html>
